<template>
  <div class="more">
    <tou-su></tou-su>
    <wen-shu></wen-shu>
    <sui-ji></sui-ji>
  </div>
</template>

<script>
import TouSu from "../components/gengduo/TouSu";
import WenShu from "../components/gengduo/WenShu";
import SuiJi from "../components/gengduo/SuiJi.vue";

export default {
  name: "More",
  components: {
    TouSu,
    WenShu,
    SuiJi
  }
};
</script>

<style scoped lang="less">
.more {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(3, 1fr);
  background-color: #04113bc4;
  height: calc(100% - 6.23rem);
  padding: 0 1.625rem 1.6rem;

  & > div {
    border: 0.0625rem solid #2c4daa;
  }
  .suiji {
    grid-row: 3 / span 2;
    grid-column: 1 / span 2;
  }
}
</style>